<template>
  <view class="dy-scroll-container">
    <dy-navbar>标题栏</dy-navbar>
    <dy-card title="我的" />
    <dy-card>
      <dy-section slot="title" title="图标颜色" />
      <template slot="body">
        <view class="dy-justify-around">
          <dy-icon name="message-copy" color="red" size="16" />
          <dy-icon name="bars" color="green" size="32" />
          <dy-icon name="edit-line" color="blue" size="48" />
          <dy-icon name="add" color="black" size="64" />
        </view>
      </template>
    </dy-card>
    <view class="dy-scroll dy-align-stretch dy-pd-left-24 dy-white ">
      <view style="width: 200rpx;" class="dy-flex-column-center dy-bg-primary ">左侧</view>
      <scroll-view scroll-y class="dy-scroll">
        <dy-card v-for="item in 99" :key="item" :title="item + '. 标题'">{{ item }}</dy-card>
      </scroll-view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: '工具类'
    }
  },
  onLoad() {},
  methods: {
    async handleGetDeviceInfo() {
      const systemInfo = await this.$dy.native.getSystemInfo()
      console.log('获取系统信息', systemInfo)
    },
    handleChooseImage() {
      this.$uni.chooseImage({
        count: 2,
        success: function(res) {
          console.log(res)
        }
      })
    }
  }
}
</script>

<style>
.content {
  height: 400rpx;
  text-align: center;
}

.logo {
  width: 200rpx;
  height: 200rpx;
  margin-top: 200rpx;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}
</style>
